<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
		<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
		<link rel="stylesheet " type="text/css " href="css/globle.css " />
		<link rel="stylesheet " type="text/css " href="css/04twzb.css" />
		<link rel="stylesheet" type="text/css" href="css/nav.css"/>
		<link rel="stylesheet" type="text/css" href="font-awesome/css/font-awesome.min.css"/>
		<script src='js/jquery-2.1.4.js'></script>
		<script src="js/super.2.1.1.js" type="text/javascript" charset="utf-8"></script>
		<title>图文直播</title>
		<style type="text/css">

		</style>
	</head>

	<body>

		<nav>
			<div class="title">

				<!--广告-->
				<div class="txtMarquee-left">
					<div class="bd">
						<ul class="infoList">
							<li><a href="">中国打破了世界软件巨头规则</a></li>
							<li><a href="">施强：高端专业语言教学</a></li>
							<li><a href="">新加坡留学，国际双语课程</a></li>
							<li><a href="">高考后留学日本名校随你选</a></li>
							<li><a href="">教育培训行业优势资源推介</a></li>
							<li><a href="">女友坚持警局完婚不抛弃</a></li>
						</ul>
					</div>
				</div>
				<!--图片-->
				<span class="image"><img src="img/nav.jpg"/></span>
				<ul class="nav-bot">
					<li class="nav-bot1">
						<img src="img/logo.jpg" />
					</li>
					<li class="nav-bot2">
						<i class="fa fa-user-o"></i>
						<span>999</span>
					</li>
					<li class="nav-bot3">
						<i class="fa fa-commenting-o"></i>
						<span>999</span>
					</li>
					<li class="nav-bot4">
						<i class="fa fa-arrows-alt"></i>
					</li>
				</ul>
			</div>
		</nav>

		<div class="choose" id="choose">
			<ul>
				<li class="active">议程安排</li>
				<li>图文直播</li>
				<li>互动交流</li>
				<li>精彩回顾</li>
			</ul>
		</div>
		
		<!--新闻-->
		
		<section>
		    <div class="sec">
		    	<div class="time" style="margin-top: 0.2rem;">
		    	  <span>2017-05-10&nbsp;&nbsp;<span>10:30</span></span>
		        </div>
		       <div class="tx-name">
		    	  <span class="tx-name1"><img src="img/004.jpg"/></span>
		       	  <span class="tx-name2">Luckbaby.</span>
		       	  <p>14日，习近平出席“一带一路”国际合作高峰论坛开幕式并发表主旨演讲。习主席在讲话中引经据典，介绍“一带一路”承载的厚重历史，描绘美好的发展愿景，透出浓浓书香味，展现富于深沉文化意蕴的中国形象。</p>
		       </div>
		    </div>
		</section>
		
		<!--图片-->
		<section>
		    <div class="sec">
		    	<div class="time">
		    	  <span>2017-05-10&nbsp;&nbsp;<span>11:30</span></span>
		        </div>
		       <div class="tx-pic">
		          
		       </div>
		       <div class="tx-name tx-pic">
		    	  <span class="tx-name1"><img src="img/004.jpg"/></span>
		       	  <span class="tx-name2">Luckbaby.</span>
		       	   <div class="tx-pic1">
		       	   	  <span class="tx-pic2"><img src="img/004.jpg"/></span>
		              <span class="tx-pic2"><img src="img/004.jpg"/></span>
		       	   </div>
		       </div>
		    </div>
		</section>
		
		<!--语音-->
		<section>
		    <div class="sec">
		    	<div class="time">
		    	  <span>2017-05-10&nbsp;&nbsp;<span>18:20</span></span>
		        </div>
		       <div class="tx-pic">
		          
		       </div>
		       <div class="tx-name" style="padding-bottom: 1rem;">
		    	  <span class="tx-name1"><img src="img/004.jpg"/></span>
		       	  <span class="tx-name2">Luckbaby.</span>
		       	   <div class="tx-voice">
		       	   	  <div>
		       	   	  	 <span>&nbsp;&nbsp;10 "</span>
		       	   	  	 <span><img src="img/wf.jpg"/></span>
		       	   	  </div>
		       	   </div>
		       </div>
		    </div>
		</section>
		
		<!--大图-->
		<section style="margin-top: 0.2rem;">
		    <div class="sec">
		    	<div class="time">
		    	  <span>2017-05-13&nbsp;&nbsp;<span>10:30</span></span>
		        </div>
		       <div class="tx-name">
		    	  <span class="tx-name1"><img src="img/004.jpg"/></span>
		       	  <span class="tx-name2">Luckbaby.</span>
		          <span class="tx-name3">
		          	<img src="img/004.jpg"/>
		          </span>
		       </div>
		    </div>
		</section>
		
		<!--新闻-->
		
		<section style="margin-top: 0.2rem;">
		    <div class="sec">
		    	<div class="time">
		    	  <span>2017-05-13&nbsp;&nbsp;<span>11:45</span></span>
		        </div>
		       <div class="tx-name">
		    	  <span class="tx-name1"><img src="img/004.jpg"/></span>
		       	  <span class="tx-name2">Luckbaby.</span>
		       	  <p>14日，习近平出席“一带一路”国际合作高峰论坛开幕式并发表主旨演讲。习主席在讲话中引经据典，介绍“一带一路”承载的厚重历史，描绘美好的发展愿景，透出浓浓书香味，展现富于深沉文化意蕴的中国形象。</p>
		       </div>
		    </div>
		</section>
		
	
		
		
		
	
	
		

	</body>

</html>

<script type="text/javascript">
	jQuery(".txtMarquee-left").slide({
		mainCell: ".bd ul",
		autoPlay: true,
		effect: "leftMarquee",
		vis: 2,
		interTime: 50
	});
	$('.choose ul li').click(function  () {
		$(this).addClass('active').siblings().removeClass('active')
	})
	
	
</script>